<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 	<title>{$title}</title>
	<link href="style/Maptrick.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="style/CoolnessTable.css" rel="stylesheet" type="text/css" media="screen" />
	<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
	<link rel="icon" href="./images/favicon.ico" type="image/x-icon" />
	{if $hoc_active == "active"}
		<script type="text/javascript" src="./scripts/hoc/hallofcool.js"></script>
	{/if}
</head>

<body>
	<div class="main">
		<div class="header">
			<form action="{$action}" method="post" id="header-top">
				{if $loggedIn == true}
					<input name="hidden" type="hidden" value="logout" />
					<input type="submit" class="login-button" value="Logout" />
				{else}
					<input name="hidden" type="hidden" value="login" />
					<div class="login">
						HT username: <input name="user" type="text" class="login-box" /><br />
						HT security code: <input name="password" type="password" class="login-box" />
					</div>
					<input type="submit" class="login-button" value="Login" />
				{/if}
				<div class="message">{$message}</div>
			</form>
			<div id="header-bottom">
				<div id="navcontainer">
					<ul class="navlist">                        
						<li class="{$home_active}"><a href="./maptrick.php">Home</a></li>
						<li class="{$cool_active}"><a href="./coolness.php">Coolness</a></li>
						<li class="{$hoc_active}"><a href="./hallofcool.php">Hall of Cool</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div class="body-main">